<!-- 岗位巡查		patrol -->
<template>
	<view class="pb15">
		<view class="" v-for="(item,index) in data" :key="index" @click="ao(item.id)">
			<view class="notifications-top pb15" >
				<view class="w90">
					<view class=" pt15">
						<view class="f d ">
							<text class="ellipsis-2">{{item.name}}</text>
							<text class="mt10">检查时间：{{item.time}}</text>
						</view>
						<view class="dis-flex flex-wrap flex-between mt10">
							<view class="mb10" v-for="(item1,index1) in item.img"  @click.stop="goimgdetails(index1,item.img)">
								<image  style="width: 144rpx;height: 144rpx;"  :src="item1" mode=""></image>
							</view>
							<view class="spib-pic2"></view>
							<view class="spib-pic2"></view>
						</view>
					</view>
					<view class="">
						<text class="hui fs24 ">{{item.content}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:[]
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '岗位巡查'
			})
			
		},
		onShow() {
			this.init()
		},
		methods: {
			init(){
				this.$http.post(this.$config.UrlPostxunchaList, {}).then((res) => {
					if (res.status == 1) {
						this.data = res.data
					}
				})
			},
			ao(id){
				uni.navigateTo({
					url:"../Post/Post?id=" + id
				})
			},
			goimgdetails(index,item){
				this.$api.previewImage(index,item)
			},
		}
	}
</script>

<style scoped>

	.notifications-top{
		width: 686rpx;

		opacity: 1;
		background: #ffffff;
		border-radius: 8rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.10);
		margin:0 auto;
		margin-top:24rpx;
	}
	.spib-pic2{
			width: 144rpx;
			box-shadow: 0rpx 4rpx 4rpx 0rpx 
				rgba(0, 0, 0, 0.1);
			display: inline-block;
			visibility:hidden
		}
</style>


